<div class="init-width">
    <transition name="moves">
        <div v-show="flag" class="add-info operate-way">
            <div class="title-info">
                <h4 class="app-title">
                    <span @click="hide"><i class="icon-left back"></i></span>
                    {{$t('accountInfo')}}
                </h4>
            </div>
            <div class="content-info user" id="content-info">
                <div class="item">
                    <div class="item-name up-date">
                        <span>{{$t('account')}}</span>
                    </div>
                    <div class="item-power-small up-date">
                        <span>{{$store.state.userName}}</span>
                    </div>
                </div>
                <div @click="changPwd" class="item">
                    <div class="item-name up-date">
                        <span>{{$t('editPwd')}}</span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <div @click="logout" class="item margin-top-30">
                    <div class="item-name up-date text-center">
                        <span class="icon-orange">{{$t('logout')}}</span>
                    </div>
                </div>
            </div>
            <v-password v-on:pwdShow="onBackUserInfo" :title="title" ref="pwd"></v-password>
        </div>
    </transition>

</div>
